*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    height: 100vh;
    width: 100%;
}
.page{
    display: flex;
    overflow: hidden;
    height: 100vh;
    width: auto;
    line-height: 50px;
    justify-content: center;
    align-items: center;
}
/* 上下页按钮 */
.page .prev_page,
.page .next_page{
    height: 30px;
    width: 60px;
    margin:0 3px;
    outline: none;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 13px;
    color: #5e5e5e;
    cursor: pointer;
}
.page .prev_page:hover,
.page .next_page:hover{
    background-color: #0EB0D2;
    color: #fff;
}
/* 页数 */
.page .number{
    height: 30px;
    width: 50px;
    min-width: 20px;
    line-height: 30px;
    margin: 0 3px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    color: #5e5e5e;
    outline: none;
    cursor: pointer;
}
.page .number:hover{
    background-color: #0eb0d2;
    color: #fff;
}
.page .nowpage{
    background-color: #0eb0d2;
    color: #fff;
}
/* 提示文本 */
.page span{
    color: #5e5e5e;
    font-size: 14px;
}
/* 页数输入框 */
.page .targetPage{
    height: 30px;
    width: 50px;
    margin: 0 6px;
    text-align: center;
    color: #5e5e5e;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    outline: none;
}
/* 确认跳转按钮 */
.page .ok{
    width: 40px;
    height: 30px;
    margin-left: 6px;
    outline: none;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    color: #5e5e5e;
    cursor: pointer;
}
.page .ok:hover{
    background-color: #0eb0d2;
    color: #fff;
}